<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            background: pink;

        }
        .box{
            width: 960px;
            height: 600px;
            margin: 50px;
        }
        .pic{
            width: 200px;
            /*10px的边距*/
            padding: 10px;
            background: white;
            box-shadow: 5px 5px 5px gray;
            /*position: absolute;*/

        }
        .pic1{
            transform: rotate(1deg);
        }
        .pic2{
            transform: rotate(5deg);
        }
        .pic3{
            transform: rotate(3deg);
        }
        .pic4{
            transform: rotate(9deg);
        }
        .pic5{
            transform: rotate(7deg);
        }
        .pic6{
            transform: rotate(15deg);
        }
        .pic7{
            transform: rotate(5deg);
        }
        .pic8{
            transform: rotate(11deg);
        }
        .pic9{
            transform: rotate(5deg);
        }
        .pic10{
            transform: rotate(-15deg);

        } .pic11{
            transform: rotate(-10deg);

        .pic:hover{
            /*提升权重*/
            z-index: 99;

            transition: all 1.5s;
        }
    </style>
</head>
<body>
  <div class="box">
      <img src="image/photo01.jpg" alt="" class="pic pic1">
      <img src="image/photo02.jpg" alt="" class="pic pic2">
      <img src="image/photo03.jpg" alt="" class="pic pic3">
      <img src="image/photo04.jpg" alt="" class="pic pic4">
      <img src="image/photo05.jpg" alt="" class="pic pic5">
      <img src="image/photo06.jpg" alt="" class="pic pic6">
      <img src="image/photo07.jpg" alt="" class="pic pic7">
      <img src="image/photo08.jpg" alt="" class="pic pic8">
      <img src="image/photo09.jpg" alt="" class="pic pic9">
      <img src="image/photo10.jpg" alt="" class="pic pic10">
      <img src="image/photo10.jpg" alt="" class="pic pic10">
      <img src="image/photo11.jpg" alt="" class="pic pic11">


  </div>
</body>
</html>